Le box model définit comment les éléments HTML sont structurés :
contenu, rembourrage (padding), bordure (border), marge (margin) et
coins arrondis (border-radius).
Propriétés du Box Model
/* Sélectionnez une option pour voir le code correspondant */
Démo Box Model
2. Typographie
Les propriétés typographiques permettent de contrôler l'apparence et la
mise en forme du texte.
Propriétés Typographiques
Démo Typographie
3. Couleurs et Fonds
Les couleurs peuvent être définies de plusieurs manières : couleurs
nommées, hexadécimal, RGB, HSL.
Propriétés de Couleur
Démo Couleurs
4. Mise en page Flex
Flexbox permet de créer des mises en page flexibles et responsives.
Propriétés Flex
1
2
3
5. Positionnement
Le positionnement CSS permet de contrôler précisément l'emplacement des
éléments.
Propriétés de Position
Démo Position
6. Transformations
Les transformations CSS permettent de modifier visuellement les
éléments.
Propriétés Transform
Démo Transform
7. Arrière-plans
Les arrière-plans CSS offrent de nombreuses possibilités de
personnalisation avec des images, dégradés et motifs.
Propriétés Background
/* Sélectionnez une option pour voir le code correspondant */
Démo Arrière-plan
8. Dimensions et Unités
CSS propose différentes unités pour définir les dimensions : pixels
(px), pourcentages (%), viewport (vh/vw), em/rem.